<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">

    <link rel="stylesheet" href="./css/index.css" />
</head>

<body>

    <h1>Vue</h1>

    <h2>参考链接</h2>
    <ul>
        <li><a target="_blank" href="https://cn.vuejs.org/v2/guide/">Vue官网-学习-教程</a></li>
        <li><a target="_blank" href="https://ustbhuangyi.github.io/vue-analysis/">Vue.js 技术揭秘</a></li>
        <li><a target="_blank" href="https://router.vuejs.org/zh/">Vue Router 指南</a></li>
        <li><a target="_blank" href="https://vuex.vuejs.org/zh/guide/">Vuex 指南</a></li>
        <li><a target="_blank" href="https://cli.vuejs.org/zh/guide/">Vue CLI 指南</a></li>
        <li><a target="_blank" href="https://zh.nuxtjs.org/guide/installation/">Nuxt 指南</a></li>
    </ul>

    <h2>Vue思维导图</h2>
    <a target="_blank" href="./img/vue_mind.png"><img src="./img/vue_mind.png" width="100%" /></a>

    <h2>Vue Router思维导图</h2>
    <a target="_blank" href="./img/vuerouter_mind.png"><img src="./img/vuerouter_mind.png" width="100%" /></a>


    <h2>Vuex思维导图</h2>
    <a target="_blank" href="./img/vuex_mind.png"><img src="./img/vuex_mind.png" width="100%" /></a>

    <h2>Vue CLI思维导图</h2>
    <a target="_blank" href="./img/vuecli_mind.png"><img src="./img/vuecli_mind.png" width="100%" /></a>




</body>

</html>